<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style type="text/css">
        .login{width: 30%;margin: 120px auto;background: chartreuse;text-align: center;padding: 50px }
        .title{text-align: center ;color:royalblue}
        span{color: red}
        ul{margin: 20px auto;text-align: center;width: 80%;}
        ul li{list-style: none;float: left;font-size: 20px;
                width: 8%;background: gray;margin-bottom: 20px;height: 40px}
        .heade ul li a{text-decoration: none;margin-bottom: 20px;font-size: 20px;line-height: 40px;color: aliceblue}
        .heade ul li:hover{background: darkgray}
        .login input{margin: 20px auto;height: 25px}
        form h2 a{text-decoration: none}
        .in{
            background: red;
        }
    </style>
</head>
<body>
    <div class="title"><h1>登录</h1></div>
    <div class="heade">
        <ul>
           <li><a href="/">首页</a></li>
            {% for s in con_style %}
            <li><a href="{% url 'app:content' s.s_ename 1 %}/">{{ s.s_name }}</a></li>
            {% endfor %}
            <li><a href="/app/register">注册</a></li>
            <li class="in"><a href="/app/login">登录</a></li>
        </ul>
        </div>

    <div class="login">
        <form method="post" >
            {%csrf_token %}
            <span><b>{{ msg }}</b></span><br>
            用户名：
            <input type="text" placeholder="输入用户名" name="uname"><br>
            密码：
            <input type="password" placeholder="输入密码" name="upwd"><br>
            <input style="height: 50px;width: 80px;font-size: 30px" type="submit" value="登录">
        </form>
    </div>

</body>
</html>